<!DOCTYPE html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>青苔工作室</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="keywords" content="青苔工作室官网">
	<meta name="description" content="青苔工作室官网">
	<link href="css/bootstrap.css" type="text/css" rel="stylesheet" />
	<link href="css/first-css.css" type="text/css" rel="stylesheet" />
	<link href="css/flow-family.css" type="text/css" rel="stylesheet" />
	<link href="iconfont/style.css" type="text/css" rel="stylesheet" />
	<link href="fonts/iconfont.css" type="text/css" rel="stylesheet" />
	<link href="font2/iconfont.css" type="text/css" rel="stylesheet" />
	<link href="css/main.css" rel="stylesheet">

	<script src="js/jquery-3.1.0.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/headerAndFooter.js"></script>
	<script>
		$(function () {
			// 初始化轮播
			$("#myCarousel").carousel('cycle');
			$("#myCarousel").carousel({
				interval: 4000
			})
		})
	</script>
	<style>
		.carousel-fade .carousel-inner .item {
			opacity: 0;
			-webkit-transition-property: opacity;
			-moz-transition-property: opacity;
			-ms-transition-property: opacity;
			-o-transition-property: opacity;
			transition-property: opacity;
		}

		.carousel-fade .carousel-inner .active {
			opacity: 1;
		}

		.carousel-fade .carousel-inner .active.left,
		.carousel-fade .carousel-inner .active.right {
			left: 0;
			opacity: 0;
		}

		.carousel-fade .carousel-inner .next.left,
		.carousel-fade .carousel-inner .prev.right {
			opacity: 1;
		}
	</style>
</head>

<body>
	<!--头部-->
	<div id="header" class="bg-fff"></div>

	<!--身体-->
	<div class="container-fluid">
		<div class="over-hide" align="center">
			<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="4000">
				<!-- 轮播（Carousel）指标 -->
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1"></li>
					<li data-target="#myCarousel" data-slide-to="2"></li>
				</ol>
				<!-- 轮播（Carousel）项目 -->
				<div class="carousel-inner">
					<div class="item active">
						<a href="https://mp.weixin.qq.com/s/BVRXoP7hOyznEtGELkkNsA" target="_blank"><img
								src="https://s2.ax1x.com/2019/08/18/mMsoyn.jpg" width="1450" alt="三节课分享会"
								class="img-rounded" title="三节课分享会"></a>
					</div>
					<div class="item">
						<a href="https://mp.weixin.qq.com/s/4MiNuhWdEhVaeL_NkXSRmg" target="_blank"><img
								src="https://s2.ax1x.com/2019/08/18/mMsbwV.png" width="1450" alt="学长学姐经验交流分享会"
								class="img-rounded" title="学长学姐经验交流分享会"></a>
					</div>
					<div class="item">
						<a href="https://mp.weixin.qq.com/s/rKQjV_B9CBqZHBsMm_RmNg" target="_blank"><img
								src="https://s2.ax1x.com/2019/08/18/mMsqoT.png" width="1450" alt="学习经验访谈"
								class="img-rounded" title="学习经验访"></a>
					</div>
				</div>
				<!-- 轮播（Carousel）导航 -->
				<a class="carousel-control left" style="background-image:none;" href="#myCarousel"
					data-slide="prev"><span class="nav-aleft">&lsaquo;</span></a>
				<a class="carousel-control right" style="background-image:none;" href="#myCarousel"
					data-slide="next"><span class="nav-aleft">&rsaquo;</span></a>
			</div>
		</div>
		<!--banner-->

		<hr>
		<!-- 工作室简介-->
		<div class="container over-hide">
			<div class="row pd-t10">
				<div>
					<h1 class="title font30" style="text-align:center;"><strong>青苔工作室</strong></h1>
					<div class="article-main clear-both" style="line-height:30px;">
						<p class="text-indent">
							青苔工作室是由14级<strong>赵永智</strong>学长，在2015年09月成立的互联网工作室。
						</p>
						<p class="text-indent">
							初心是希望给大家提供锻炼的平台和机会，参与到实际的项目当中，为自己的求职或创业做好准备。青苔工作室组织严密，有自己的组织架构和章程，形成了一套行之有效的运营流程。团队现分以下5个方向：后端开发、前端开发、产品、运营和UI设计。
						</p>
						<p class="text-indent">
							青苔工作室每学期会有大型的招新活动和面向西电全校的分享活动，招贤纳士，同时将我们的经验反哺给广大同学。
						</p>
						<p class="text-indent">
							目前出品的产品已经有hi淘、缘来是你、校招SSP、长辈通等数种。
						</p>
					</div>
				</div>
			</div><!-- 工作室简介结束-->
			<hr>
			<div class="row pd-t10">
				<div>
					<h1 class="title font30" style="text-align:center;"><strong>团队成员</strong></h1>
				</div>
				<div class="inner" style="width: 85%;margin:0 auto;">
					<div>
						<section class="tiles">
							<article class="style">
								<span class="image">
									<img src="images/pic01.jpg" alt="" />
								</span>
								<a>
									<h2>创始人 赵永智</h2>
									<div class="content">
										<p>通院2014级，现任滴滴产品经理，一手创办青苔工作室，负责第一代的产品策划，团队的灵魂人物。</p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/cp-wrx.jpg" alt="" />
								</span>
								<a>
									<h2>负责人 王若旭</h2>
									<div class="content">
										<p>机电院2019级，产品方向，参与《西电hi淘》《缘来是你》方面的产品工作。</p>
									</div>
								</a>
							</article>
						</section>
					</div>
					<hr>
					<!-- 上面是主咖 -->
					<div>
						<h2 style="text-align:center;margin:-1em 0 1em 0;"><strong>运 营</strong></h2>
					</div>
					<div>
						<section class="tiles">
							<article class="style">
								<span class="image">
									<img src="images/yunying-mhr.jpg" alt="" />
								</span>
								<a>
									<h2>孟浩然</h2>
									<div class="content">
										<p>2019级机电工程学院，在青苔工作室负责运营方向，是一枚正在修炼中的圆滚滚的小吃货。</p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/yunying-wsy.jpg" alt="" />
								</span>
								<a>
									<h2>王诗瑶</h2>
									<div class="content">
										<p>青苔运营，通院小可爱。喜欢互联网喜欢新鲜感。 </p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/yunying-yxm.jpg" alt="" />
								</span>
								<a>
									<h2>岳鑫蕊</h2>
									<div class="content">
										<p>岳鑫蕊 经管院2020级，运营方向，参与青苔部分产品运营。</p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/yunying-ld.jpg" alt="" />
								</span>
								<a>
									<h2>李蝶</h2>
									<p>运营组李蝶，负责青苔产品运营方向</p>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/yunying-cfz.jpg" alt="" />
								</span>
								<a>
									<h2>陈奋增</h2>
									<div class="content">
										<p>爱吃牛肉面</p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/yunying-dxy.jpg" alt="" />
								</span>
								<a>	
									<h2>董小宇</h2>
									<div class="content">
										<p>2019级电院小可爱一枚，负责hi淘项目运营工作，以及公众号的运营等工作</p>
									</div>
								</a>
							</article>
						</section>
					</div>
					<hr>
					<!-- 上面是运营 -->
					<div>
						<h2 style="text-align:center;margin:-1em 0 1em 0;"><strong>产 品</strong></h2>
					</div>
					<div>
						<section class="tiles">
							<article class="style">
								<span class="image">
									<img src="images/cp-tjx.jpg" alt="" />
								</span>
								<a>
									<h2>田佳欣</h2>
									<div class="content">
										<p>谢邀，利益相关：计算机院2019级，在青苔工作室扮演产品经理。</p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/cp-zhangzhen.jpg" alt="" />
								</span>
								<a>
									<h2>张震</h2>
									<div class="content">
										<p>机电院2020级，女，非明星非作家，是产品组一棵努力成长的小苗～</p>
									</div>
								</a>
							</article>
						</section>
					</div>
					<hr>
					<!-- 上面是产品 -->
					<div>
						<h2 style="text-align:center;margin:-1em 0 1em 0;"><strong>前 端</strong></h2>
					</div>
					<div>
						<section class="tiles">
							<article class="style">
								<span class="image">
									<img src="images/qd-lxl.jpg" alt="" />
								</span>
								<a>
									<h2>李晓龙</h2>
									<div class="content">
										<p>计科院2020级，前端方向，参与《缘来是你》方面的开发工作。 </p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/qd-fyh.jpg" alt="" />
								</span>
								<a>
									<h2>付元鸿</h2>
									<div class="content">
										<p>喜欢写bug喜欢上好的阿拉比卡。</p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/qd-xinyuan.jpg" alt="" />
								</span>
								<a>
									<h2>隋心源</h2>
									<div class="content">
										<p>通信工程学院2019级，热爱生活的前端，正在负责《西电hi淘》的前端开发。</p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/qd-wzr.jpg" alt="" />
								</span>
								<a>
									<h2>王泽睿</h2>
									<div class="content">
										<p>计科院2019级，热爱互联网技术，是个正在成长的小萌新</p>
									</div>
								</a>
							</article>
						</section>
					</div>
					<hr>
					<!-- 上面是前端 -->
					<div>
						<h2 style="text-align:center;margin:-1em 0 1em 0;"><strong>后 端</strong></h2>
					</div>
					<div>
						<section class="tiles">
							<article class="style">
								<span class="image">
									<img src="images/ht-wr.jpg" alt="" />
								</span>
								<a>
									<h2>王锐</h2>
									<div class="content">
										<p>负责青苔hi淘项目后端，热爱尝试一切新事物，当然也包括新的好吃的好玩的～</p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/ht-zxd.jpg" alt="" />
								</span>
								<a>
									<h2>张祥东</h2>
									<div class="content">
										<p>电院2018级 青苔Hi淘er，爱好花切和吉他。</p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/ht-yxy.jpg" alt="" />
								</span>
								<a>
									<h2>杨潇钰</h2>
									<div class="content">
										<p>计科院2020级，好好学习，好好运动，热爱生活。</p>
									</div>
								</a>
							</article>
							<article class="style">
								<span class="image">
									<img src="images/ht-yhf.jpg" alt="" />
								</span>
								<a>
									<h2>严昊飞</h2>
									<div class="content">
										<p>计科院2019级，后端方向。爱学习，爱运动，爱生活！</p>
									</div>
								</a>
							</article>
						</section>
					</div>
					<hr>
					<!-- 上面是后台 -->
					<div>
						<h2 style="text-align:center;margin:-1em 0 1em 0;"><strong>UI设计</strong></h2>
					</div>
					<div>
						<section class="tiles">
							<article class="style">
								<span class="image">
									<img src="images/ht-lxy.jpg" alt="" />
								</span>
								<a>
									<h2>刘馨阳</h2>
									<div class="content">
										<p>一位天天爆肝的女博士，珍爱头发，珍惜生命。</p>
									</div>
								</a>
							</article>
						</section>
					</div>
					<hr>
					<!-- 以上是UI -->
				</div>
			</div><!-- 团队成员结束-->
		</div>
	</div>
	<hr style="height:1px;border:none;border-top:1px solid #99CC66;" />
	<!--尾部-->
	<div id="footer"></div>
</body>

</html>
